<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>紫色鹭</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../layui/css/layui.css"/>
</head>
<body>
<div id="header_01_html">
    <iframe id="header_01" src="head_01.html" frameborder="0"></iframe>
</div>
<div id="head_search_html">
    <iframe id="head_search" src="head_search.html" frameborder="0"></iframe>
</div>
<div class="container store_evaluate clearfix">
    <div class="store_tab">
        <a mhref="store_info.html" class="store-info">基本信息</a>
        <a mhref="store_banner.html" class="banner-admmin" v-show="storeId!=false?true:false">轮播管理</a>
        <a mhref="store_product.html" class="product-admin">商品管理</a>
        <a mhref="store_manage.html" class="order-admin">订单管理</a>
        <a class="has_store store-enter">企业认证</a>
        <a class="active evaluate-admin">评价管理</a>
    </div>
    <div class="right">
        <div class="total_evaluate">
            <div class="title">累计评价 <span class="marl_10">288</span></div>
            <div class="first clearfix">
                <div class="box">
                    <p>好评度</p>
                    <div class="num">5.0</div>
                    <div class="star"><i></i></div>
                </div>
                <ul>
                    <li><span>好评 <i class="c_999">(100%)</i></span><div class="progress"><i style="width: 100%"></i></div></li>
                    <li><span>中评 <i class="c_999">(0%)</i></span><div class="progress"><i></i></div></li>
                    <li><span>差评 <i class="c_999">(0%)</i></span><div class="progress"><i></i></div></li>
                </ul>
            </div>
            <div class="screen">
                <i class="icon_checkbox"></i>全部
                <i class="icon_checkbox"></i>待回复
                <i class="icon_checkbox"></i>已回复
            </div>
            <div class="list">
                <table>
                    <tr v-for="item in list">
                        <td>
                            <div class="text">{{item.content}}</div>
                            <div class="img_box">
                                <img src="../img/index_01.png" alt="">
                            </div>
                            <div class="c_999">{{item.crtTime}}</div>
                            <p class="c_blue">商家回复：感谢您购买我们的商品，非常感谢您的评价，给您购物带来的不便，我们深表歉意。我们的商品都是通过
                                严格质检的，请您放心，如您对商品有任何疑问，您可以联系我们的售后客服，我们会妥善为您处理的。每个人对商
                                品的期望都不一样~我们也只能保证给大家带来百分百的原装正品，国际品质，您可以放心使用哦~</p>
                        </td>
                        <td>
                            <ul>
                                <li>型号：<i class="c_999">QSM11</i></li>
                                <li>品牌：<i class="c_999">东风</i></li>
                                <li>数量：<i class="c_999">1个</i></li>
                            </ul>
                        </td>
                        <td>
                            时***们<i class="c_999">（匿名）</i>
                        </td>
                    </tr>
                </table>
                <div id="test1"></div>
            </div>
        </div>
    </div>

</div>
<div class="tabRight">
    <div class="first">
        <ul>
            <li><a target="_blank" class="icon_admin_white" title=""></a></li>
            <li>
                <a target="_blank" class="go-shopcard c-fff">
                    <i class="icon_shopcar_white"></i>
                    <p class="mt10">购<br>物<br>车</p>
                    <span class="car-num pos-Sty1">0</span>
                </a>
            </li>
            <li>
                <a target="_blank" class="icon_list_white mt10 go-myorder" title="订单"></a>
                <a target="_blank" class="icon_collect_white mt10 go-myhas" title="收藏"></a>
                <a target="_blank" class="icon_history_white mt10 go-record" title="记录"></a>
            </li>
        </ul>
    </div>
    <div class="second">
        <a target="_blank" class="icon_edit_white"></a>
        <a target="_blank" class="icon_top_white mt10"></a>
    </div>
</div>
<script src="../js/config.js"></script>
<script>
    var limit = 3;
    var offset = 1;
    var state = 3;
    var app = new Vue({
        el: '.store_evaluate',
        data: {
            storeId:localStorage.getItem('storeId'),
            list:[],
        },
        mounted:function(){
            this.getList();
        },
        methods:{
            getList:function(){
                var that = this;
                get_ajaxPage("/sys/order/commodityOrderEvaluate", {limit: limit, offset: offset,state:state}, function (data) {
                    that.list = data.data;
                    console.log(that.list);
                    that.total = data.count;
                    layui.use('laypage', function(){
                        var laypage = layui.laypage;
                        //执行一个laypage实例
                        laypage.render({
                            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
                            ,count: app.total //数据总数，从服务端得到
                            ,limit:limit
                            ,jump: function(obj, first){
                                //首次不执行
                                if(!first){
                                    get_ajaxPage("/sys/order/commodityOrderEvaluate", {limit: limit, offset: offset,state:state}, function (data) {


                                    })
                                }
                            }
                        });
                    });
                })
            },
        },

    })
</script>
</body>
</html>